脑动力

01-25 05:46

脑动力 html+css标签速查效率手册刘丽霞

脑动力 html+css标签速查效率手册刘丽霞介绍: HTML是所有网页制作技术的核心和基础，也是每个网页制作者必须掌握的基本知识。CSS是用于控制网页内容显示效果的一种标记语言，可以制作更美观的页面。两者在网页设计中不可或缺。《脑动力：HTML+CSS标签速查效率手册》共分18章，前10章主要介绍了HTML标签和相关属性，包括文字、排版、列表、超链接、多媒体、表格、表单、框架等知识点。后8章介绍了CSS属性的详细用法和示例代码，包括文本显示、列表显示、链接显示、文字背景、元素定位滤镜等知识点。《脑动力：HTML+CSS标签速查效率手册》语言简洁，内容丰富，适合网页设计与制作人员、网站建设开发人员、大中专院校相关专业的学生、个人网站制作爱好者阅读。目录: 《脑动力HTML+CSS标签速查效率手册》第1章理解HTML 1 1.1 HTML的基本概念 1 1.1.1 HTML简介 1 1.1.2 了解HTML代码 2 1.2 编辑HTML代码 3 1.2.1 使用记事本编辑 3 1.2.2 Dreamweaver中的HTML编辑窗口 4 1.3 使用Dreamweaver编写HTML代码 5 1.3.1 使用代码窗口编写HTML代码 5 1.3.2 使用标签选择器和标签编辑器 6 1.3.3 使用代码提示功能 8 1.3.4 使用查找和替换功能 8 1.3.5 优化HTML编码 9 第2章网页的基本标签 11 2.1 结构标签——＜html＞ 11 2.2 页面头部标签——＜head＞ 11 2.3 页面标题——＜title＞ 12 2.4 页面的主体标签——＜body＞ 13 2.4.1 页面背景色——bgcolor 14 2.4.2 文字颜色——text 15 2.4.3 背景图片——background 16 2.4.4 链接文字——link 17 2.4.5 页面边距——margin 18 2.5 元信息标签——＜meta＞ 19 2.5.1 设置网页编码信息 20 2.5.2 设置网页的定时跳转 22 2.5.3 设定网页缓存过期时间 24 2.5.4 禁止从缓存中调用 25 2.5.5 删除过期的cookie 26 2.5.6 强制打开新窗口 26 2.5.7 设置网页的过渡效果 27 2.5.8 定义页面关键字 31 2.5.9 设置页面描述 32 2.5.10 设置编辑工具 32 2.5.11 设定作者信息 33 2.5.12 限制搜索方式 34 第3章排版标签 36 3.1 页面注释——＜!–＞ 36 3.2 段落——＜p＞ 37 3.3 换行——＜br＞ 38 3.4 水平线 40 3.4.1 水平线——＜hr＞ 40 3.4.2 水平线宽度与高度属性——width、size 41 3.4.3 水平线的颜色——color 42 3.4.4 水平线的对齐方式——align 43 3.4.5 去掉水平线阴影——noshade 44 3.5 居中标签——＜center＞ 46 3.6 预设标签——＜pre＞ 47 3.7 不拆行——＜nobr＞ 48 3.8 向右缩——＜blockquote＞ 49 3.9 层标签——＜div＞ 50 第4章页面文字 52 4.1 标题文字——＜h＞ 52 4.2 文字格式 53 4.2.1 字体——face 54 4.2.2 文字颜色——color 55 4.2.3 字号——size 56 4.2.4 粗体、斜体、下画线、删除线——strong、em、u、strike 57 4.2.5 上标与下标——＜sup＞、＜sub＞ 59 4.2.6 等宽文字标签——＜code＞ 60 4.3 空格——＆nbsp; 61 4.4 特殊符号 62 4.5 其他标签 64 4.5.1 文字标注——＜ruby＞ 64 4.5.2 声明变量——＜var＞ 65 第5章网页中的列表 67 5.1 有序列表（Ordered Lists） 67 5.1.1 有序列表标签——＜ol＞ 67 5.1.2 有序列表的序号类型——type 69 5.1.3 有序列表的起始数值——start 70 5.2 无序列表（Unordered Lists） 72 5.2.1 无序列表标签——＜ul＞ 72 5.2.2 无序列表的符号类型——type 73 5.3 定义列表标签——＜dl＞ 76 5.4 菜单列表标签——＜menu＞ 78 5.5 目录列表——＜dir＞ 79 5.6 列表的高级应用 80 5.6.1 列表的简化 81 5.6.2 设置列表项文字的颜色 82 5.7 列表的嵌套 84 第6章超链接 86 6.1 超链接——＜a＞ 86 6.2 设置文本超链接 87 6.3 设置图像超链接 89 6.4 设置图像热区链接 91 6.5 使用锚在网页内部链接 94 6.6 链接到不同页面的特定位置 96 6.7 链接到网页 98 6.8 建立EMAIL链接 99 6.9 链接到文件 101 6.10 建立文件下载链接 102 第7章网页中的多媒体元素和图像 104 7.1 将多媒体内容放到网页中 104 7.1.1 链接到多媒体文件 104 7.1.2 添加多媒体文件标签——＜embed＞ 105 7.1.3 设置媒体文件自动运行——autostart 106 7.1.4 设置媒体文件的循环播放——loop 108 7.1.5 隐藏媒体播放面板——hidden 109 7.1.6 添加flash动画文件 110 7.2 动态文字 111 7.2.1 滚动文字标签——＜marquee＞ 111 7.2.2 滚动方向属性——direction 112 7.2.3 滚动方式——behavior 114 7.2.4 滚动循环——loop 115 7.2.5 滚动文字的背景颜色——bgcolor 116 7.2.6 滚动文字的背景大小——width、height 117 7.2.7 滚动速度——scrollamount 118 7.2.8 滚动延迟——scrolldelay 119 7.2.9 滚动空间——hspace、vspace 120 7.3 网页背景音乐 121 7.3.1 背景音乐——bgsound 122 7.3.2 背景音乐的循环播放次数——loop 123 7.4 图像格式 123 7.5 插入图像——＜img＞ 124 7.6 图像属性设置 125 7.6.1 图像描述文字——alt 125 7.6.2 图像的边框——border 127 7.6.3 图像的大小——width、height 128 7.6.4 图像的间距——hspace、vspace 129 7.6.5 图像的相对对齐方式——align 130 第8章网页中表格的应用 132 8.1 建立表格 132 8.1.1 表格、行、单元格——＜table＞、＜tr＞、＜td＞ 132 8.1.2 表格的标题——＜caption＞ 134 8.1.3 表格的表头——＜th＞ 136 8.1.4 表格宽度——width 137 8.1.5 表格高度——height 139 8.1.6 表格的边框宽度——border 141 8.1.7 表格边框颜色——bordercolor 142 8.1.8 表格的单元格间距——cellspacing 144 8.1.9 表格的单元格边距——cellpadding 146 8.1.10 表格背景色——bgcolor 147 8.1.11 表格的背景图像——background 149 8.1.12 表格的对齐方式——align 150 8.1.13 表格标题的垂直对齐方式——valign 152 8.2 表格的行属性 154 8.2.1 行高——height 154 8.2.2 行边框颜色——bordercolor 155 8.2.3 行背景色——bgcolor 157 8.2.4 行文字的水平对齐方式——align 158 8.2.5 行文字的垂直对齐方式——valign 159 8.3 单元格属性 161 8.3.1 单元格大小——width、height 161 8.3.2 跨列属性——colspan 163 8.3.3 跨行属性——rowspan 164 8.3.4 对齐方式——align、valign 166 8.3.5 单元格的背景色——bgcolor 167 8.3.6 单元格的边框颜色——bordercolor 169 8.3.7 单元格的亮边框颜色——bordercolorlight 170 8.3.8 单元格的暗边框颜色——bordercolordark 171 8.3.9 单元格的背景图像——background 173 8.3.10 单元格内容不换行——nowrap 175 8.4 表格的结构样式 176 8.4.1 设计表头样式——＜thead＞ 177 8.4.2 设计表主体样式——＜tbody＞ 178 8.4.3 设计表尾样式——＜tfoot＞ 180 8.5 使用表格实现网页布局 182 第9章表单 186 9.1 表单标签——＜form＞ 186 9.1.1 表单名称——name 187 9.1.2 表单提交地址——action 187 9.1.3 传送方式——method 188 9.1.4 编码方式——enctype 189 9.1.5 目标显示方式——target 190 9.2 添加表单对象 191 9.2.1 文本框——text 191 9.2.2 密码框——password 193 9.2.3 按钮——button 194 9.2.4 提交按钮——submit 195 9.2.5 重置按钮——reset 197 9.2.6 单选按钮——radio 199 9.2.7 复选按钮——checkbox 201 9.2.8 图像按钮——image 202 9.2.9 隐藏域——hidden 203 9.2.10 文件域——file 204 9.2.11 文本域——textarea 205 9.2.12 下拉菜单——select、option 207 9.2.13 列表项 208 第10章网页中使用框架 211 10.1 什么是框架 211 10.2 框架集——＜frameset＞ 211 10.3 框架——＜frame＞ 212 10.4 浮动框架——＜iframe＞ 215 10.5 框架集属性 217 10.5.1 水平分割窗口——rows 217 10.5.2 垂直分割窗口——cols 219 10.5.3 嵌套分割窗口 220 10.5.4 框架集边框宽度——framespacing 221 10.5.5 框架集边框颜色——bordercolor 222 10.6 框架和浮动框架的属性 223 10.6.1 名称属性——name 224 10.6.2 页面源文件——src 224 10.6.3 边框属性——frameborder 226 10.6.4 滚动条属性——scrolling 227 10.6.5 边框与页面内容的水平间距——marginwidth 228 10.6.6 边框与页面内容的垂直边距——marginheight 230 10.6.7 普通框架禁止调整窗口大小——noresize 231 10.6.8 浮动框架对齐属性——align 232 10.6.9 浮动框架大小——width、height 233 10.6.10 普通框架与链接 235 10.6.11 浮动框架与链接 237 10.7 不支持框架标签——＜noframes＞ 239 第11章 CSS样式表简介 241 11.1 CSS的概念 241 11.2 CSS样式表的基本语法 242 11.2.1 样式表的基本结构 242 11.2.2 样式规则 242 11.3 CSS选择器 244 11.3.1 类选择器 244 11.3.2 ID选择器 245 11.3.3 标签选择器 246 11.3.4 伪类 248 11.3.5 子选择器 249 11.3.6 群组选择器 250 11.3.7 包含选择器 253 11.3.8 元素指定选择器 254 11.3.9 相邻选择器 256 11.4 将CSS应用到网页中 257 11.4.1 内嵌样式表 257 11.4.2 行内样式 258 11.4.3 链接外部样式表 259 11.4.4 导入外部样式表 261 11.5 样式优先权 262 第12章 CSS控制文本显示效果 264 12.1 控制字体显示 264 12.1.1 设置字体——font-family 264 12.1.2 设置字体大小——font-size 266 12.1.3 设置斜体效果——font-style 267 12.1.4 设置加粗字体——font-weight 268 12.1.5 设置英文大写——font-variant 270 12.1.6 文本转换大小写——text-transform 271 12.1.7 字体复合属性——font 272 12.1.8 字内换行——word-break 274 12.1.9 超过容器边界时的换行——word-wrap 275 12.1.10 设置文字修饰——text-decoration 276 12.1.11 单词间隔——word-spacing 278 12.1.12 字符间隔——letter-spacing 279 12.1.13 字体颜色——color 280 12.2 控制文本显示效果 282 12.2.1 文本的水平对齐——text-align 282 12.2.2 垂直对齐——vertical-align 283 12.2.3 文本方向与排序——direction与unicode-bidi 285 12.2.4 文本书写模式——writing-mode 287 12.2.5 文本溢出——text-overflow 288 12.2.6 文本流向——layout-flow 290 12.2.7 文本缩进——text-indent 291 12.3 其他文本效果 292 12.3.1 文本行高——line-height 292 12.3.2 处理空白——white-space 294 第13章 CSS控制列表元素和链接的显示 296 13.1 列表元素的显示 296 13.1.1 列表符号——list-style-type 296 13.1.2 列表图像符号——list-style-image 298 13.1.3 列表标记位置——list-style-position 300 13.1.4 列表综合属性——list-style 301 13.2 控制链接的显示 302 13.2.1 链接未访问效果——link伪类 302 13.2.2 链接鼠标悬停效果——hover伪类 303 13.2.3 链接激活的效果——active伪类 305 13.2.4 链接访问后的效果——visited伪类 306 第14章 CSS控制元素的背景 308 14.1 设置背景颜色——background-color 308 14.2 设置背景图像 309 14.2.1 背景图像——background-image 309 14.2.2 背景图像的平铺——background-repeat 311 14.2.3 背景图像滚动——background-attachment 312 14.2.4 图像位置——background-position 314 14.3 背景的复合属性——background 316 第15章 CSS控制边框和边界的显示效果 318 15.1 边框的线条样式 318 15.1.1 上边框线条样式——border-top-style 318 15.1.2 下边框线条样式——border-bottom-style 320 15.1.3 左边框线条样式——border-left-style 322 15.1.4 右边框线条样式——border-right-style 324 15.1.5 设置边框的线条样式——border-style 325 15.2 边框的颜色 327 15.2.1 上边框的颜色——border-top-color 327 15.2.2 下边框的颜色——border-bottom- color 329 15.2.3 左边框的颜色——border-left- color 331 15.2.4 右边框的颜色——border-right- color 333 15.2.5 设置边框颜色——border-color 335 15.3 边框的宽度 337 15.3.1 上边框的宽度——border-top-width 337 15.3.2 下边框的宽度——border-bottom-width 339 15.3.3 左边框的宽度——border-left-width 341 15.3.4 右边框的宽度——border-right-width 343 15.3.5 设置边框的宽度——border-width 345 15.4 单独设置各个边框的样式 347 15.4.1 上边框——border-top 347 15.4.2 左边框——border-left 349 15.4.3 下边框——border-bottom 351 15.4.4 右边框——border-right 353 15.5 设置边框整体效果——border 354 15.6 边界属性 356 15.6.1 上边界属性——margin-top 357 15.6.2 右边界属性——margin-right 358 15.6.3 下边界属性——margin-bottom 360 15.6.4 左边界属性——margin-left 362 15.6.5 边界复合属性——margin 364 15.7 元素的补白 365 15.7.1 顶部补白——padding-top 366 15.7.2 左侧补白——padding-left 367 15.7.3 右侧补白——padding-right 369 15.7.4 底部补白——padding-bottom 370 15.7.5 补白复合属性——padding 371 第16章 CSS控制元素的定位与布局 374 16.1 元素的定位 374 16.1.1 定位属性——position 374 16.1.2 上边偏移——top 376 16.1.3 左边偏移——left 377 16.1.4 右边偏移——right 379 16.1.5 下边偏移——bottom 381 16.1.6 层叠定位——z-index 382 16.2 元素的布局 384 16.2.1 浮动属性——float 385 16.2.2 清除浮动属性——clear 386 16.2.3 内容剪切属性——clip 388 16.2.4 控制溢出内容——overflow 389 16.2.5 水平溢出——overflow-x 391 16.2.6 垂直溢出——overflow-y 393 16.3 元素的显示方式——display 395 16.4 可见属性——visibility 398 第17章其他CSS显示效果 401 17.1 控制光标显示效果——cursor 401 17.2 控制滚动条显示 403 17.2.1 滚动条滑块颜色——scrollbar-face- color 404 17.2.2 滚动条箭头颜色——scrollbar- shadow-color 406 17.2.3 滚动条拖动区颜色——scrollbar- track-color 407 17.2.4 滚动条亮边框颜色—— scrollbar-highlight-color 409 17.2.5 滚动条阴影颜色——scrollbar- shadow-color 411 17.2.6 滚动条基准颜色——scrollbar-base-color 413 第18章滤镜 416 18.1 颜色渐变——Gradient 416 18.2 不透明度——alpha 418 18.3 模糊效果——blur 420 18.4 色度滤镜——chroma 422 18.5 光晕效果——glow 423 18.6 阴影效果——shadow 424 18.7 图像灰度效果——gray 426 18.8 图像反相效果——invert 427 18.9 下拉阴影效果——dropshadow 429 18.10 水平翻转和垂直翻转效果——flipH、flipV 430 18.11 X光片效果——xray 432 18.12 波形滤镜——wave 433 18.13 图像调整——BasicImage 434 18.14 图像加载滤镜——AlphaImageLoader 436 18.15 滑动门滤镜——Barn 438 18.16 百叶窗滤镜——Blinds 440 18.17 国际象棋滤镜——CheckerBoard 442 18.18 渐隐滤镜——Fade 444 18.19 抽离滤镜——Slide 446 18.20 对角扩张滤镜——Inset 448 18.21 随机线条滤镜——RandomBars 450 18.22 随机溶解滤镜——RandomDissolve 452 18.23 擦地板滤镜——Zigzag 454 18.24 风车滤镜——Wheel 455 18.25 伸缩变形滤镜——Stretch 457 18.26 彩色拼缀效果——Pixelate 459 18.27 放射状擦除滤镜——RadialWipe 461 附录 464 附录A CSS各属性适应的浏览器 464 附录B HTML标记参考 470 附录C CSS属性列表 479 附录D HTML中支持的颜色名称 485

474